<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/index.css">
		<link rel="stylesheet" type="text/css" href="css/header.css">
		<link rel="stylesheet" href="css/swiper.min.css">
	  <script type="text/javascript" src="js/html5shiv.min.js" ></script>
	   <script type="text/javascript" src='js/flexible.debug.js'></script>
	</head>
	<body>
		<header>
			<span class="left"></span>
			<span class="center">首页</span>
			<span class="right"></span>
		</header>
		<div class="bg"><img src="img/bg1.png"/></div>
		<section style="overflow-y: hidden;margin-bottom:125px ;">
			
			<div class="banner">
            <div class="swiper-container imgs">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <img src="img/sg.png" style="width:100%;height:100%" />
                    </div>
                    <div class="swiper-slide">
                       <img src="img/sg.png" style="width:100%;height:100%" />
                    </div>
                    <div class="swiper-slide">
                        <img src="img/sg.png" style="width:100%;height:100%" />
                    </div>
                </div>
                <div class="swiper-pagination"></div>
                <div class="swiper-scrollbar"></div>
                </div>
            </div>
			
			<div class="hot">热门专区</div>
			
			<ul class="hot-content">
				<li><img src="img/cy.png"/></li>
				<li><img src="img/zkq.png"/></li>
				<li><img src="img/xpt.png"/></li>
				<li><img src="img/rmc.png"/></li>
				<li><img src="img/cpf.png"/></li>
				<li><img src="img/mss.png"/></li>
			</ul>
			
				
		</section>
		<div class="bga"><img src="img/bg1.png"/></div>
		<footer>
			<ul>
				<li><a href="#" class="curr" onclick="location.href='shouye.html'"><img src="img/fza.png"/>首页</a></li>
				<li><a href="#" onclick="location.href='fujin.html'"><img src="img/qa.png"/>附近</a></li>
				<li><a href="#" onclick="location.href='dingd.html'"><img src="img/th.png"/>订单</a></li>
				<li><a href="#" onclick="location.href='gengduo.html'"><img src="img/xin.png"/>更多</a></li>
			</ul>
		</footer>
		 <script src="js/swiper.js"></script>
         <script src="js/jquery-1.11.2.min.js"></script>
		<script>
			$(function(){
            var swiper1 = new Swiper('.swiper-container', {
                autoplay: 1000,
                pagination: '.swiper-pagination',        
            });
            
            $('footer>ul>li>a').click(function() {            	$(this).addClass('curr').parent().siblings().children().removeClass('curr');
          });
           $('.hot-content li').eq(0).click(function() {
           	location.href="ppcy.html"
          });
           $('.hot-content li').eq(1).click(function() {
           	location.href="zhekouzq.html"
           });
            $('.hot-content li').eq(2).click(function() {
           	location.href="newtuijian.html"
           });
            $('.hot-content li').eq(3).click(function() {
           	location.href="rmcy.html"
           });
           $('.hot-content li').eq(4).click(function() {
           	location.href="cpfl.html"
           });
           $('.hot-content li').eq(5).click(function() {
           	location.href="mssu.html"
           });
        })
		</script>
	</body>
</html>
